srpen 10, 2015

HTML5 bannery – proč a jak na ně

html5Vzhledem k tomu, že Flash je obecně na ústupu (zajímavý článek na toto téma třeba zde), přechází mnoho výrobců bannerů na tvorbu bannerů v HTML5.
Přejít na novou technologii není vždy jednoduché, takže zde pár důvodů, které by vás mohly zaujmout a pomoci vám s přechodem.

Co HTML5 umí

Pěkný výčet toho co umí HTML5 je zde. Níže se omezíme jen na věci, které se běžně (či nejčastěji) používají v bannerech.

1) Dynamika v bannerech

HTML5 umí poskládat grafiku a text a udělat pěkné animace stejně jako to umí animovaný gif nebo flash. Viz příklady níže.

2) Interakce v bannerech

HTML5 umí i reagovat na konkrétní akce uživatele. Tedy například listovat produkty v bannerech nebo vyplňovat formulář.
Příklady…

Carousel nabídka

Nabídka v kolotoči, neboli také karusel

Interaktivní nabídka

Interaktivní nabídka přímo v banneru

Kreativa reagující na scrollování stránky

Kreativa reagující na scrollování stránky

3) Expandující formáty

HTML5 je ideální pro expandující formáty kreativ:

Expandující Adidas

Expandující spodní banner

Expandující banner v hlavičce

Expandující banner v hlavičce

 

ale pozor, v open RTB v českém prostředí zatím neuspějete a budete se muset dohodnout s konkrétními servery na publikaci.

4) Video v bannerech

HTML5 si poradí i s videem v bannerech a to zajímavou cestou – viz ukázky:

video

Video banner v hlavičce

video2

Video banner v půlce stránky – scrollujte

 

Další zajímavé ukázky HTML5 kreativ najdete třeba u AdFormu.

 

Jak jednoduše HTML banner vyrobit

Existuje hned několik online nástrojů, kde zdarma nebo za mírný poplatek máte k dispozici online nástroj na tvorbu bannerů včetně předpřipravených šablon. Výroba není náročná a zvládne ji každý zkušený uživatel počítače.

Doporučuji například:

http://www.bannerflow.com/features/all/templates
http://resources.goanimate.com/marketing/6-best-free-banner-maker-creator-software
http://html5maker.com/
http://vbb.adform.com/

Bannery # ,
Share: / / /

NAPIŠTE NÁM

ProgSol, Programmatic Solution, s.r.o.
Karla Engliše 3201/6
Praha 5, 150 00

Vaše jméno (vyžadováno)

Váš email (vyžadováno)

Předmět

Vaše zpráva (vyžadováno)

Progsol newsletter
Odběr nových článků a zajímavostí na témaProgrammatic